<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="Content-Language" content="zh-CN" />
		<meta content="all" name="robots" />
		<title>24款纯css翻页代码（Web2.0风格） -酷站(Cool80.Com)</title>
		<link rel="stylesheet" type="text/css" href="css.css" media="all" />

	</head>

	<body>

		<p>
			24款实用的翻页页码css代码 -<a href="http://www.cool80.com">由酷站(Cool80.Com)收集整理</a>
			<br />
			<br />
			<br />
			<br />

			<p>
				Digg Style
				<div class="digg">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Yahoo Style
				<div class="yahoo">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				New Yahoo! Style
				<div class="yahoo2">
					<span class="disabled">&lt; Prev</span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#">Next &gt;</a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Meneame Style
				<div class="meneame">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Flickr Style
				<div class="flickr">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Sabros.us Style
				<div class="sabrosus">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Green Style
				<div class="scott">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Gray Style
				<div class="quotes">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Black Style
				<div class="black">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Mis Algoritmos Style
				<div class="black2">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Black-Red Style
				<div style="padding-top:10px;padding-bottom:10px;background-color:#313131;">
					<div class="black-red">
						<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
					</div>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Gray Style 2
				<div class="grayr">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Yellow Style
				<div class="yellow">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				jogger Style
				<div class="jogger">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				starcraft 2 Style
				<div class="starcraft2">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Tres Style
				<div class="tres">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				512megas Style
				<div class="megas512">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Technorati Style
				<div class="technorati">
					<span class="disabled"> &lt; </span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#"> > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				YouTube Style
				<div class="youtube">
					<span class="disabled">Prev</span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#">Next</a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				MSDN Search Style
				<div class="msdn">
					<span class="disabled"> &lt;  Prev</span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#">Next  > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Badoo
				<div class="badoo">
					<span class="disabled"> &lt;  Prev</span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#">Next  > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Blue Style
				<div class="manu">
					<span class="disabled"> &lt;  Prev</span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#">Next  > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				Green-Black Style
				<div class="green-black">
					<span class="disabled"> &lt;  Prev</span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#">Next  > </a>
				</div>
			</p>

			<br />
			<br />
			<br />

			<p>
				viciao Style
				<div class="viciao">
					<span class="disabled"> &lt; Prev</span><span class="current">1</span><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>...<a href="#">199</a><a href="#">200</a><a href="#">Next  > </a>
				</div>
			</p>

	</body>
</html>
